 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Agenda</title>
            </f:facet>
					
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/default.css" />
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/syntaxhighlighter/syntaxhighlighter.css" />
            <link rel="stylesheet" type="text/css" href="estilos.css"/>

            <style type="text/css">
                .ui-layout-north {
                    z-index:20 !important;
                    overflow:visible !important;
                }

                .ui-layout-north .ui-layout-unit-content {
                    overflow:visible !important;
                }
            </style>
        </h:head>
        <h:body>
            <p:layout fullPage="true" >
                <p:layoutUnit id="center" position="center">
					<h:form id="formLogin" >  
    					<p:panel id="panelLogin" style="margin-bottom:20px; margin-top:10%; width:350px; float:center; text-align:center; margin-left:40%; margin-right:40%">  
    						<f:facet name="header">
    							<h:outputText value="Efetuar Login" styleClass="outputTextTitulo" />
   							</f:facet>
        				<p:growl id="growl"/> 
       						<h:panelGrid columns="2">
        						<p:outputLabel value="Usuário"  styleClass="outputLabel"/>
        						<p:inputText styleClass="inputDescricao" value="#{projetoBean.usuarioLogado.email}" required="true" requiredMessage="Informe o email!"/>
        						<p:outputLabel value="Senha" styleClass="outputLabel" />
        						<p:password  styleClass="inputDescricao" value="#{projetoBean.usuarioLogado.senha}" required="true" requiredMessage="Informe a senha!"/>        
        					</h:panelGrid>       					
   							<p:commandButton value="Entrar" action="#{projetoBean.login}" style="margin-top:10px;" />
        					<p:commandButton value="Limpar" style="margin-top:10px;"   />
							<p:commandButton value="Cadastrar novo usuário" action="#{projetoBean.novoUsuario}" immediate="true"/>
    					</p:panel>  
    					
					</h:form>  	
                </p:layoutUnit>
            </p:layout>
        </h:body>
    </f:view>
</html>